<script setup lang="ts">
defineProps({
  color: {
    type: String,
    default: 'grey'
  },
  width: {
    type: Number,
    default: 20
  },
  height: {
    type: Number,
    default: 20
  }
})
</script>
<template>
  <svg
    :width="width"
    :height="height"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M26.2401 16.3731L17.1001 7.23306C14.4388 4.57171 10.0653 4.63033 7.33158 7.364C4.59791 10.0977 4.53929 14.4712 7.20064 17.1326L15.1359 25.0679"
      :stroke="color"
      stroke-width="4"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M32.9027 23.0032L40.838 30.9385C43.4994 33.5999 43.4407 37.9734 40.7071 40.7071C37.9734 43.4408 33.5999 43.4994 30.9385 40.838L21.7985 31.698"
      :stroke="color"
      stroke-width="4"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M26.1093 26.1416C28.843 23.4079 28.9016 19.0344 26.2403 16.3731"
      :stroke="color"
      stroke-width="4"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M21.7989 21.7985C19.0652 24.5322 19.0066 28.9057 21.6679 31.5671"
      :stroke="color"
      stroke-width="4"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
  </svg>
</template>
